html{overflow-y:scroll;}
body{
background:#ffffff url(bg.jpg) no-repeat top center;
color:#212121; 		/*网站基础文字颜色*/
font-size:12px;     /*网站基础文字大小*/
line-height:150%;
text-decoration: none;
font-family: "微软雅黑","microsoft yahei","宋体";  /*网站基础文字字体*/
margin:0; padding:0}
iframe,p{ margin:0; padding:0;}

.ib, .ib-li li, .ib-a a, .ib-span span, .btn, .btn input, .photo-hot li, .Article-Tool a, .photo-list li, .photo-channel .photo-slide .change i, .photo-channel .tool .auto, .photo-channel .tool .up, .photo-channel .tool .next, .photo-cat .content h5 span.blue a, .submit {
    display: inline-block;
}

a{text-decoration:none;} /*链接是否加下划线，参数有underline，none等 */
a:hover{text-decoration:none;}/*鼠标经过链接是否显示下划线，参数有underline，none等*/

/*链接颜色设置方案一：*/

A:link {color:#212121;}  /*平常的状态颜色*/
A:visited {color:#212121;} /*连接被访问过之后颜色*/
A:active {color:#212121;} /*连接被按下时的颜色*/
A:hover{color:#ff6611} /*鼠标放到连接上时的颜色*/

.fr{ float:right}
.fl{ float:left}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
.stat b{ margin:2px auto; display:inline-block}
.stat i {
    font-style: normal;
    font-weight: lighter;
    color: #eee;
    background: #000;
    padding: 2px 5px;
    margin: 0 1px;
    font-family: "Microsoft Yahei";
}

/*链接颜色设置方案二：
启用此方案时复制下面两条线之间的代码，替换上面方案一代码即可
=========================
A:link {color:#039;}
A:visited {color:#03F;}
A:active {color:#006;}
A:hover{color:#900}
=========================
*/


/*链接颜色设置方案三,可与上述同时使用，格式：*/
/*
	<a href="链接地址" class="style1">链接名称</a>

 */
.style1{color:#666666}  /*无超级链接的颜色*/
A.style1:link {color:#666666; padding: 0 10px; font-size: 13px!important}  /*有超级链接平常的状态颜色*/
A.style1:visited {color:#666666;!important} /*连接被访问过之后颜色*/
A.style1:active {color:#ff6611;!important}/*连接被按下时的颜色*/
A.style1:hover{color:#ff6611!important} /*鼠标放到连接上时的颜色*/


/* 同理，可以用以下代码表示 红，白，蓝，灰，绿，黑，黄：

<a href="链接地址" class="red">链接名称</a>
<a href="链接地址" class="white">链接名称</a>
<a href="链接地址" class="blue">链接名称</a>
<a href="链接地址" class="gray">链接名称</a>
<a href="链接地址" class="green">链接名称</a>
<a href="链接地址" class="black">链接名称</a>
<a href="链接地址" class="yellow">链接名称</a>

代码定义如下：
========================*/
.red,.red a{color:#ff0000!important}
.white,.white a{color:#fff!important}
.blue,.blue a{color:#00F!important}
.gray,.gray a{color:#999!important}
.green,.green a{color:#0F0!important}
.black,.black a{color:#000!important}
.yellow,.yellow a{color:#FF0!important}
/*========================*/


select optgroup{color:#CAC8BB;}
header{ display:block}
.bold{ font-weight:bold}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.block{ display:block}

.f12{font-size: 12px}.f13{font-size: 13px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
TD{
color:#212121;
font-size:12px;
line-height:200%;
}
.content p{ margin:16px 0}
.article_content p{ margin:16px 0;text-align: justify;}
SELECT{
color:#212121;
FONT-SIZE: 12px;
HEIGHT: 20px;
}
img{ border:0}

li{line-height:150%; list-style:none}
li.fang {LIST-STYLE-TYPE: square;}
li.img  {LIST-STYLE-IMAGE: url(li.gif)}

ul.fang {LIST-STYLE-TYPE: square }
ul.img  {LIST-STYLE-IMAGE: url(li.gif)}

.imgresize img  {max-width: 850px; width:expression(this.width > 850 ? "850px" : auto);} 


.INPUT{
color:#212121;
font-size:12px;
height:20px;
padding:3px;
border:1px #555555 solid;
background-image: url(inputbg.gif)
}

.TEXTAREA{
color:#212121;
font-size:12px;
padding:3px;
border:1px #555555 solid;
background-image: url(inputbg.gif)}



.button{color:#212121;font-size:12px;border:1px outset}


/* ==栏目菜单样式== */

div.menu {width:125px;padding-top:7px;white-space: nowrap;background:url(menu_r.gif) right top no-repeat;} 
A.menu {color:#ffffff;font-size:14px;text-decoration: none} 
A.menu:link{color:#ffffff;}
A.menu:visited{color:#ffffff;}
A.menu:active{color:#DCCE2F;}
A.menu:hover{color:#E6840B;}


div.menunow {width:125px;padding-top:7px;white-space: nowrap;background:url(menunow_r.gif) right top no-repeat;} 
A.menunow {color:#ffffff;font-size:14px;text-decoration: none} 
A.menunow:link{color:#ffffff;}
A.menunow:visited{color:#ffffff;}
A.menunow:active{color:#ffffff;}
A.menunow:hover{color:#ffffff;}


.btmenu {color:#212121;font-size:12px;line-height:150%;text-decoration: none} 
A.btmenu:link{color:#212121;}
A.btmenu:visited{color:#212121;}
A.btmenu:active{color:#212121;}
A.btmenu:hover{color:#ff6611;}

.smenu {color:#ffffff;font-size:12px;line-height:150%;text-decoration: none} 
.smenu ul{ margin:0; padding:0;}
a.smenuv{ display:block}
A.smenu:link{color:#ffffff;}
A.smenu:visited{color:#ffffff;}
A.smenu:active{color:#ffffff;}
A.smenu:hover{color:#ffffff;}

.smenuv {color:#555555;font-size:12px;line-height:150%;text-decoration: none} 
td.smenuv {border:0px #dddddd solid} 
A.smenuv:link{color:#555555;}
A.smenuv:visited{color:#555555;}
A.smenuv:active{color:#555555;}
A.smenuv:hover{color:#FF0000;}


/* ==页内导航样式== */

.nav {color:#212121;font-size:12px;} 
td.nav {padding-left:5px} 


/* ==表格样式== */

td.title{background:#eeeeee }
td.con{background:#ffffff}
.table{border:1px #dddddd solid}
.tablemenu{color:#555555;BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid;background:#eeeeee}
.line{background:#dddddd}

.subtitle{ text-align:center}


/* ==交替样式== */

.list{BACKGROUND-COLOR: expression((this.sectionRowIndex%2==0)?'#f5f5f5':'#ffffff');font-size:14px;}


/* =={#lanTitle#}列表样式== */

.tList{color:#212121;line-height:22px;font-size:12px}
.tList1{color:#b0b0b0;line-height:150%;font-size:12px}

a.tList{font-size:12px;;text-decoration: none}
a.tList:link{color:#212121}
a.tList:visited{color:#212121}
a.tList:active{color:#212121}
a.tList:hover{color:#ff6611}

/* ==图片列表样式== */

td.piclist{background:#ffffff}
div.piclist{border:1px #dddddd solid;width:50px;height:50px;padding:1px;background:#ffffff}

a.pictitle{color:#212121;font-size:12px;line-height:26px}
div.pictitle{border:0px #dddddd solid;padding:1px;background:#ffffff}



/* ==更多链接样式== */

a.more{font-size:12px;;text-decoration: underline}
a.more:link{color:#555555;}
a.more:visited{color:#555555;}
a.more:active{color:#555555;}
a.more:hover{color:#ff6611;}

/* ==树型菜单样式== */

.dtree {color: #555555;font-size: 12.00px;	white-space: nowrap;}
.dtree img  {border: 0px;	vertical-align: middle;}
.dtree a   {color: #555555;font-size: 12.00px;	TEXT-DECORATION: none}
.dtree a.node{color: #555555;white-space: nowrap;padding: 1px 2px 1px 2px;TEXT-DECORATION: none}
.dtree a.nodeSel {color: #555555;font-size: 12.00px;	white-space: nowrap;	padding: 1px 2px 1px 2px;TEXT-DECORATION: none}
.dtree a.node:hover {color: #555555;font-size: 12.00px;	TEXT-DECORATION: none}
.dtree a.nodeSel:hover {color: #555555;	font-size: 12.00px;TEXT-DECORATION: none}
.dtree a.nodeSel {background-color: #cfdfef;font-size: 12.00px;}
.dtree .clip {overflow: hidden;}

/* ==翻页样式== */

.pages {color:#212121;font-size:12px;}
.pages a,.pages span{ padding:6px 10px 2px; display:inline-block; height:17px; line-height:15px; text-align:center; border:#DCD9D4 solid 1px; border-radius: 0px; font-size:12px; background-color:#eeeeee; margin:1px; font:12px 宋体}
.pages a:hover{ background-color:#ccc; color:#fff}
.pages span{color:#fff;padding:6px 10px 2px; display:inline-block; height:17px; line-height:15px; text-align:center; border:#ccc solid 1px; border-radius: 0px; font-size:12px; background-color:#ccc;margin:1px;font:12px 宋体}
pages span:hover{ background-color:#ccc; color:#fff}

/* ==文章频道检索列表样式== */

td.newsquery{height:23px}

.newsquery{color:#212121;line-height:150%;font-size:12px}
a.newsquery{color:#212121;line-height:150%;font-size:12px;text-decoration: none}
a.newsquery:link{color:#212121;}
a.newsquery:active{color:#212121;}
a.newsquery:visited{color:#212121;}
a.newsquery:hover{color:#ff6611;}

.newsquerytitle{border:1px #eeeeee solid;background:#f0f0f0}
.newsquerytime{color:#555555;font-size:12px}


/* ==文章频道详情样式== */

.newstitle {color:#212121;font-size:18px;font-weight:bold}
.newsinfo {background:#f0f0f0;color:#555555;font-size:12px;}
.newscon {color:#212121;font-size:14px;line-height:160%;padding:15px}


/* ==一级分类列表样式== */

.class{color:#212121;font-size:12px;}
a.class{color:#212121;text-decoration: none}
a.class:link{color:#212121;}
a.class:visited{color:#212121;}
a.class:hover{color:#ff6611;}

table.class{border:1px #dddddd solid}
td.class{padding-left:10px}

/* ==二级分类列表样式== */

table.bigclass{border:1px #dddddd solid}
td.bigclass{background:#eeeeee;padding-left:10px;height:25px}

.bigclass{color:#212121;font-size:12px;line-height:150%}
a.bigclass{color:#212121;font-weight:bold;line-height:150%;text-decoration: none}
a.bigclass:link{color:#212121;}
a.bigclass:visited{color:#212121;}
a.bigclass:actived{color:#212121;}
a.bigclass:hover{color:#ff6611;}


table.smallclass{border:0px #dddddd solid}
td.smallclass{background:#f7f7f7;padding-left:10px;height:18px}

.smallclass{color:#555555;font-size:12px;line-height:150%}
a.smallclass{color:#555555;line-height:150%;text-decoration: none}
a.smallclass:link{color:#555555;}
a.smallclass:visited{color:#555555;}
a.smallclass:actived{color:#555555;}
a.smallclass:hover{color:#ff6611;}



/* ==下载频道样式== */

td.downquery{height:22px}

.downquery{color:#212121;line-height:150%;font-size:12px}
a.downquery{color:#212121;line-height:150%;font-size:12px;text-decoration: none}
a.downquery:link{color:#212121;}
a.downquery:active{color:#212121;}
a.downquery:visited{color:#212121;}
a.downquery:hover{color:#ff6611;}

.downquerytitle{border:1px #eeeeee solid;background:#f0f0f0}
.downquerytime{color:#555555;font-size:12px}

.downpropname{color:#555555;font-size:12px;background:#dddddd}
.downprop{color:#555555;font-size:12px;padding-left:10px;background:#f0f0f0}
.downintro {color:#212121;font-size:12px;line-height:150%;}


/* ==图文频道样式== */

.cpline{background:#dddddd}
td.cpquery{background:#ffffff;}
div.cpquery{border:1px #eeeeee solid;padding:5px;background:#ffffff;}

a.cpquerytitle{color:#212121;font-size:12px;line-height:26px}
div.cpquerytitle{border:1px #eeeeee solid;padding:2px;background:#f7f7f7}


.cppropname{color:#555555;font-size:12px;background:#dddddd}
.cpprop{color:#555555;font-size:12px;padding-left:10px;background:#f0f0f0}
.cpintro {color:#212121;font-size:12px;line-height:150%;}
.cpintro img{ margin:0 10px 5px 0;}
/* ==提示信息样式== */

.notic{font-size:12px;color:#212121}
.noticerr{font-size:12px;color:#ff6600}
.noticlink{font-size:12px;color:#ff6600}


/* ==会员频道样式== */

.mustfill {color:#ff0000;font-size:14px;}
.memberinfo{color:#555555;}


/* ==评论样式== */

td.bbsquery{height:23px}

.bbsquery{color:#212121;line-height:150%;font-size:12px}
a.bbsquery{color:#212121;line-height:150%;font-size:12px;text-decoration: none}
a.bbsquery:link{color:#212121;}
a.bbsquery:active{color:#212121;}
a.bbsquery:visited{color:#212121;}
a.bbsquery:hover{color:#ff6611;}

.bbsquerytitle{border:1px #eeeeee solid;background:#f0f0f0}
.bbsquerytime{color:#555555;font-size:12px}


.bbstitle{background:#eeeeee}
.bbscon{background:#ffffff}
.bbstable{background:#dddddd;}
.bbsline{background:#dddddd}


/* ==全站搜索样式== */

.searchtitle{color:#212121;font-size:14px;line-height:32px}
a.searchtitle{color:#212121;font-size:14px;line-height:32px}
.searchbody{color:#212121;font-size:13px;line-height:18px;height:60px}
.searchtime{color:#555555;font-size:12px}

#topcontrol{
	-moz-transition-duration: 300ms;
    -moz-transition-property: none;
    -moz-transition-timing-function: linear;
    background: url("arrow.png") no-repeat scroll 16px 21px #000000;
    bottom: 50px;
    display: block;
    height: 58px;
    opacity: 0.25;
    outline: medium none;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 58px;
}
.qqlist{ margin:0; padding:0;}
.qqlist a{ display:block; margin:5px auto;}
.qqlist li *{ font-size:11pt;}
.qqlist li{ margin-left:25px; list-style:none}
.qqlist li img{ float:left}
.qqlist li b{ font-size:12px; margin-left:2px; margin-top:6px; font-weight:normal; float:left}
p.qqlist *{ vertical-align:middle}
p.qqlist b{ font-size:12px; margin-left:2px; margin-top:6px; font-weight:normal; padding-top:2px}

.qqlist2{ margin:0; padding:0;}
.qqlist2 li{  list-style:none; width:100%; height:30px;}
.qqlist2 li img{ float:left}
.qqlist2 li b{ font-size:12px; margin-left:2px; margin-top:6px; font-weight:normal;float:left}




DIV.pages {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY:Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center}    
DIV.pages A {BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottombottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none}    
DIV.pages A:hover {BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4}    
DIV.pages A:active {BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4}    
DIV.pages SPAN.current {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}    
DIV.pages SPAN.disabled {DISPLAY: none}    
DIV.pages A.next {BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid}    
DIV.pages A.next:hover {BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid}    
DIV.pages A.prev {BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid}    
DIV.pages A.prev:hover {BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid}
a.video{ text-indent:20px;inline-block; background:url(video.png) no-repeat left center;display:inline-block}
a.tj{ text-indent:20px;inline-block; background:url(tj.png) no-repeat left center;display:inline-block} 
a.pic{ text-indent:20px;inline-block; background:url(pic.png) no-repeat left center;display:inline-block}

.content img{  border:0;max-width: 850px;width:expression(this.width > 850 ? "850px" : this.width);overflow:hidden;  height: auto !important;}

.taige_list{ width:1052px; margin:0px auto; height:auto; margin-top:85px; background-image:url(../img/bgtop.png); background-repeat:no-repeat; background-position:top center; padding-top:10px; padding:15px 12px;}
.taige_list ul li{ float:left; width:245px; height:245px; overflow:hidden; margin:9px;}
.taige_list ul li img{ width:245px; height:245px; }
.taige_list_big{ width:100%; height:100%; position:fixed; z-index:100000; background-image:url(../images/hei_bg.png); top:0;  display:none }
.close{ text-align:right; position:relative; top:100px; width:1064px; margin:0px auto; right:20px; z-index:10001}
.close img{ cursor:pointer}
.taige_list_bg{ background-image:url(../img/bg.png)}
.close a{opacity:0.6;}
.close a:hover{opacity:1;}
.btn {
    padding-left: 6px;
}
.btn, .btn input {
    background: url(button.png) no-repeat scroll 0 0;
    height: 24px;
    line-height: 20px;
    width: auto;
}
.btn input {
    background-position: right 0;
    border: 0 none;
    color: #fff;
    padding-right: 10px;
	cursor:pointer
}
.submit {
    padding-left: 3px;
}
.submit, .submit input {
    background: url(but.png) no-repeat scroll 0 0;
    height: 29px;
    width: auto;
}
.submit input {
    background-position: right top;
    border: medium none;
    font-size: 14px;
    padding: 0 10px 0 7px;
}


.focus{width:1064px;height:599px;border:0px solid #EEE;position:relative; top:96px; left:50%;float:left; margin-left:-534px;}
.f426x240{width:1064px;height:599px;overflow:hidden}
.f426x240 img{width:1064px;height:599px}

.table-list thead th{background-color:#f0f0f0;border-bottom-color:#e2e3e3;}
.table-list td,.table-list th{padding-left:12px}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid; padding-top:5px; padding-bottom:5px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#f0f0f0}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
.small_img{ vertical-align:text-bottom}
.col-tab{ }
.col-tab ul.tabBut{height:27px; padding-left:14px;position:relative;bottom:-1px; margin:0; padding:0}
.col-tab ul.tabBut li{float:left; border:1px solid #dce3ed; height:25px; line-height:26px; margin-right:5px;}
.col-tab ul.tabBut li{ background:#eaeef4; }
.col-tab ul.tabBut li a{ padding:0 8px}

.col-tab ul.tabBut li.on{position:relative; background:#fff;border-bottom:0;height:26px;_height:27px; font-weight:700;}
.col-tab ul.tabBut li.icon{background-image:url(../images/icon/exclamation_small.png);padding-left:18px;background-repeat: no-repeat;background-position: 3px center;}
.col-tab .content{border:1px solid #dce3ed;_zoom:1;}
.col-tab .content-r{border-top:1px solid #dce3ed}
.col-tab .contentList{border:1px solid #dce3ed;_zoom:1; min-height:378px;}

/*====shop=====*/
.shop h2.title{ margin:0; padding:0; margin-bottom:20px;}
.buy .buybtn,.buy .cartbtn{ height:40px; width:130px; line-height:40px; font-size:14px; color:#FFF; background-color:#003300; display:block; text-align:center; float:left; margin-right:10px; font-weight:bold}

#waterfallend{  clear:both; width:1000px; margin:10px auto}
.picxfoot{ width:100%; text-align:center; color:#777}
a.buybtn:hover{ background-color:#212121}
.blocka{ display:inline-block; border:#CCCCCC solid 1px; padding:3px; height:10px; width:10px; line-height:12px; font-size:14px;}

.buy .cartbtn{ background-color:#212121}
a.cartbtn:hover{ background-color:#212121}

.citylist a{ margin:2px 3px}
.list .buybtn,.list .cartbtn{ height:23px; width:70px; line-height:23px; font-size:12px; color:#FFF; background-color:#e53b3e; display:block; text-align:center; float:center; font-weight:bold}

.conbox .tab_conbox{border: 0px solid #ccc;border-top: none; margin:0; padding:0; text-align:left; min-height:300px}
.conbox .tab_con{ display:none;}

.conbox .tabs{height: 40px;border-bottom:1px solid #ccc;border-left: 1px solid #ccc;width: 100%;padding:0; margin:0}
.conbox .tabs li{height:37px;line-height:39px; padding:1px 31px;float:left;border:0px solid #ccc;border-left:none;margin-bottom: 0px;background:#cccccc;overflow: hidden;position: relative;font-size:14px; color:#252525;}
.conbox .tabs li a {display: block;padding: 0 30px 0 30px;border: 0px solid #fff;outline: none; }
.conbox .tabs li a:hover {background: #ccc;}	
.conbox .tabs .active,.conbox .tabs .active a:hover{background: #ff0000;border-bottom: 0px solid #fff;color:#ffffff;}

.conbox .tab_con {padding:12px;font-size: 14px; line-height:175%;}


/*悬浮头部菜单*/


/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
  background: #f5f5f5;
  color: #444444;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
/*
 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
  content: "";
  display: table;
}
.uk-navbar:after {
  clear: both;
}
/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
  float: left;
  /* 1 */
  position: relative;
}
/*
 * 1. Dimensions
 * 2. Style
 */
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #fafafa;
  color: #444444;
  /* 3 */
  outline: none;
  position: relative;
  z-index: 1;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: #eeeeee;
  color: #444444;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: #fafafa;
  color: #444444;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
}
/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
  line-height: 28px;
}
.uk-navbar-nav-subtitle > div {
  margin-top: -6px;
  font-size: 10px;
  line-height: 12px;
}
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 41px;
  padding: 0 15px;
  margin-top: -1px;
  text-shadow: 0 1px 0 #ffffff;
}
/*
 * Helper to center all child elements vertically
 */
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Sub-objects: `uk-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
  padding-left: 0;
}
/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
  color: #0077dd;
}
.uk-navbar-content > a:not([class]):hover {
  color: #005599;
}
/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
  font-size: 18px;
  color: #444444;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
  font-size: 18px;
  color: #444444;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * 1. Center icon vertically
 */
.uk-navbar-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}
.uk-navbar-toggle-alt:after {
  content: "\f002";
}
/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
  float: none;
  text-align: center;
  /* 1 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
  float: left;
}
.uk-navbar-flip .uk-navbar-nav > li > a {
  margin-left: 0;
  margin-right: -1px;
}
/* Apply same `border-radius` as `uk-navbar` */
.uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*
     * Sub-modifier `uk-navbar-attached`
     */
.uk-navbar-attached {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
}
/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */
.uk-subnav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin-left: -10px;
  margin-top: -10px;
  /* 2 */
  padding: 0;
  list-style: none;
}
/*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 * 3. Create position context for dropdowns
 */
.uk-subnav > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  padding-left: 10px;
  margin-top: 10px;
  /* 3 */
  position: relative;
}
/*
 * DEPRECATED IE9 Support
 */
.uk-subnav:before,
.uk-subnav:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-subnav:after {
  clear: both;
}
.uk-subnav > * {
  float: left;
}
/* Items
 ========================================================================== */
.uk-subnav > * > * {
  display: inline-block;
  color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-subnav > * > :hover,
.uk-subnav > * > :focus {
  color: #0077dd;
  text-decoration: none;
}
/*
 * Active
 */
.uk-subnav > .uk-active > * {
  color: #0077dd;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-line > :before {
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
.uk-subnav-line > :nth-child(n+2):before {
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}
/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-pill > * > * {
  padding: 3px 9px;
  border-radius: 4px;
}
/*
 * Hover

 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
  background: #fafafa;
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > .uk-active > * {
  background: #00a8e6;
  color: #ffffff;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}
/* Disabled state
 ========================================================================== */
.uk-subnav > .uk-disabled > * {
  background: none;
  color: #999999;
  text-decoration: none;
  cursor: text;
  box-shadow: none;
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set style
 * 5. Reset button group whitespace hack
 */
.uk-dropdown {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 920;
  /* 3 */
  box-sizing: border-box;
  /* 4 */
  width: 200px;
  margin-top: 5px;
  padding: 15px;
  background: #ffffff;
  color: #444444;
  /* 5 */
  font-size: 1rem;
  vertical-align: top;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */
.uk-open > .uk-dropdown {
  /* 1 */
  display: block;
  /* 2 */
  -webkit-animation: uk-fade 0.2s ease-in-out;
  animation: uk-fade 0.2s ease-in-out;
  /* 3 */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* Nav in dropdown
 ========================================================================== */
.uk-dropdown .uk-nav {
  margin: 0 -15px;
}
/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
.uk-container {
  box-sizing: border-box;
  max-width: 980px;
}
/* Large screen and bigger */
@media (min-width: 1002px) {
  .uk-container {
    max-width: 1200px;
    padding: 0;
  }
}
/*
 * Micro clearfix
 */
.uk-container:before,
.uk-container:after {
  content: "";
  display: table;
}
.uk-container:after {
  clear: both;
}
/*
 * Center container
 */
.uk-container-center {
  margin-left: auto;
  margin-right: auto;
}
/* Clearing
 ========================================================================== */
/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
.uk-clearfix:before {
  content: "";
  display: table-cell;
}
.uk-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*
 *  Create a new block formatting context
 */
.uk-nbfc {
  overflow: hidden;
}
.uk-nbfc-alt {
  display: table-cell;
  width: 10000px;
}


.m-language {
    font-size: 12px;
    margin-top: 12px;
}

.m-language ul {
    margin-top: 0;
    margin-bottom: 0;
}

.m-language ul li {
    line-height: 1;
    margin-top: 0;
}

.m-language li a {
    line-height: 1;
    color: #999;
}

.m-logo {
    line-height: 1;
    height: auto;
    padding: 0;
}

.m-navbar-nav > li {
    position: static;
}


.m-navbar-nav-en > li > a {
    font-size: 13px;
}



.m-dropdown-navbar ul {
    display: block;
    margin: 0;
}


.m-dropdown-navbar ul li + li {
    margin-left: 22px;
}
.downarea span a{ 
display:inline-block; 
text-align:center;
color:#FF0000;/*颜色*/
font-weight:700;/*加粗*/
font-size:14px;/*字号*/
}
.downarea span img{ width:60px; height:60px; margin:0 30px;}